<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签之有序列表</title>
</head>

<body>
    <!-- 
    有序列表是一列项目，列表项目使用数字进行标记。
    有序列表始于 ol 标签。每个列表项始于 li 标签

    ol 的属性type拥有的选项
        - 1 表示列表项目数字标号（1，2，3，...）
        - a 表示列表项目小写字母标号（a，b，c，...）
        - A 表示列表项目大写字母标号（A，B，C，...）
        - i 表示列表项目小写罗马数字标号（i，ii，iii，...）
        - I 表示列表项目大写罗马数字标号（I，II，III，...）

    有序列表可以进行嵌套
    -->


    <ol type="1">
        <li>小明</li>
        <li>小红</li>
    </ol>

    <ol type="a">
        <li>小明</li>
        <li>小红</li>
    </ol>

    <ol type="A">
        <li>小明</li>
        <li>小红</li>
    </ol>

    <ol type="i">
        <li>小明</li>
        <li>小红</li>
    </ol>

    <ol type="I">
        <li>小明</li>
        <li>小红</li>
    </ol>


    <ol type="1">
        <li>姓名
            <ol type="1">
                <li>小明</li>
                <li>小红</li>
            </ol>
        </li>
        <li>年龄
            <ol type="1">
                <li>15</li>
                <li>18</li>
            </ol>
        </li>
    </ol>
</body>

</html>